<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<style>
	.form-item {
		margin: 20px 10px;
	}
	
	.form-item>label {
		letter-spacing: 3px;
		width: 120px;
		text-align: right;
		display: inline-block;
	}
	
	.form-item>label:after {
		content: ":";
	}
	
	.form-item input[type=text] {
		width: 120px;
	}
	
	.form-item.required>label:before {
		content: "*";
		color: red;
	}
	
	#s_province,
	#s_city,
	#s_county {
		height: 24px;
		border-radius: 5px;
		border-color: dodgerblue;
	}
</style>
<form id="addStudentForm">
	<h3 style="text-align: center;margin-top: 30px;">${student==null?'添加':'编辑'}学生填写信息详情</h3>
	<br />
	<input type="hidden" name="studentId" value="${student.stuId }"> 
	<span style="margin-left: 20px;">注：其中 <span style="color: red;">*</span> 为必填选项</span>
	<br />
	<div class="form-item required">
		<label for="">学生姓名</label>
		<input value="${student.studentName }" name="studentName" type="text" data-options="required:true" class="easyui-textbox" />
		<label for="" style="margin-left: 20px">学生班级</label>
		<select style="padding: 3px" ${student==null?'':'disabled="disabled"' } class="easyui-checkbox" name="className" id="className">
			<c:forEach items="${classList }" var="x">
				<option value="${x.classId }" ${student.classId==x.classId?'selected':'' }>${x.className }</option>
			</c:forEach>
		</select>
	</div>
	<div class="form-item required">
		<label for="">学生学籍号</label>
		<input value="${student.schrollNum }" type="text" name="schrollNum" data-options="required:true" class="easyui-textbox" />
	<label for=""  style="margin-left: 20px">学生身份证</label>
		<input value="${student.idcard }" type="text" name="IdCard" data-options="required:true" class="easyui-textbox" />
	</div>
	<div class="form-item required">
		<label for="">学生性别</label>&nbsp; 男&nbsp;
		<input name="sex" ${empty student || student.gender == '2'?'checked':'' } value="2" type="radio" />&nbsp;&nbsp; 女&nbsp;
		<input name="sex" ${student.gender == '1'?'checked':'' } value="1"  type="radio" checked="checked" />
		
		<label for="" style="margin-left: 65px;">学生手机号</label>
		<input value="${student.contactNum }" name="StuPhone" type="text" data-options="required:false" class="easyui-textbox" />
		</div>
	<div class="form-item">
		<label for="">父亲姓名</label>
		<input value="${fatherName }" name="fatherName" type="text" data-options="required:false" class="easyui-textbox" />
		<label for=""  style="margin-left: 20px">父亲手机号码</label>
		<input value="${fatherPhone }" name="fatherPhone"  type="text" data-options="required:false" class="easyui-textbox" />
	</div>
	<div class="form-item">
		<label for="">母亲姓名</label>
		<input name="motherName" value="${motherName }"  type="text" data-options="required:false" class="easyui-textbox" />
		<label for=""  style="margin-left: 20px">母亲手机号码</label>
		<input value="${motherPhone }" name="motherPhone"  type="text" data-options="required:false" class="easyui-textbox" />
	</div>
	<div class="form-item requried">
		<!--easyui 三级联动-->
		<label for="">地址</label>
		<select id="s_province" name="s_province"></select>&nbsp;&nbsp;
		<select id="s_city" name="s_city"></select>&nbsp;&nbsp;
		<select id="s_county" name="s_county"></select>&nbsp;&nbsp;
		<script class="resources library" src="public/js/area.js" type="text/javascript"></script>
		<script type="text/javascript">
			_init_area();
		</script>
	</div>
	<div class="form-item">
		<label for="">地址补充</label><br />
		<textarea  name="addAddress" style="width: 250px;height:85px;padding: 0px;margin-left: 120px;">
		${student.address }
		</textarea>
	</div>
</form>